<template>
    <div>
        <div class="m-flex">
            <img v-for="(item,index) in images1" :src="item" width="25%" height="25%" :key="index">
        </div>
        <div class="m-flex">
            <img v-for="(item,index) in images2" :src="item" width="25%" height="25%" :key="index">
        </div>
    </div>

</template>

<script>
    export default {
        name: "Recommend",
        data() {
            return {
                images1: [
                    require("../images/ai.png"),
                    require("../images/card.png"),
                    require("../images/mackbook.png"),
                    require("../images/mall.png")
                ],
                images2: [
                    require("../images/new.jpg"),
                    require("../images/phone.png"),
                    require("../images/tv.png"),
                    require("../images/xiyiji.jpg")
                ]
            }
        }
    }
</script>

<style scoped>
    .m-flex {
        display: flex;
    }
</style>
